// Zepto
var $ = require('./components/zepto/zepto');
require('./components/zepto/event');
require('./components/zepto/ajax');
require('./components/zepto/form');
require('./components/zepto/ie');
require('./components/zepto/touch');

module.exports = $;

// 引入Swiper

var Swiper = require('./components/swiper/swiper.min.js');
var swiperAnimate = require('./components/swiper/swiper.animate1.0.2.min.js');
var swiper = new Swiper ('.swiper-container', {
  onInit: function(swiper){ //Swiper2.x的初始化是onFirstInit
    swiperAnimate.swiperAnimateCache(swiper); //隐藏动画元素 
    swiperAnimate.swiperAnimate(swiper); //初始化完成开始动画
  }, 
  onSlideChangeEnd: function(swiper){ 
    swiperAnimate.swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
  } 
}) 

var IScroll = require('./components/iscroll/iscroll');
function loaded () {
    myScroll = new IScroll('#wrapper', { bounceEasing: 'elastic', bounceTime: 1200 });
}
var wx=require('./components/weixin/jweixin');
 $("#mainContainer").hide();
 $(".swiper-container").hide();
// jquery/zepto
$("#enter").tap(function(){
    $(".swiper-container").hide();
    $("#mainContainer").show();
    $.ajax({
            type:"post",
            url:"http://www.gqlx.online/weixinphp/getsign.php",
            data:{
                'url':window.location.href
            },
            dataType:'json',
            success:function(res){
                wx.config({
                        debug: false,
                        appId: res.appId,
                        timestamp: res.timestamp,
                        nonceStr: res.nonceStr,
                        signature: res.signature,
                        jsApiList: [
                            // 所有要调用的 API 都要加到这个列表中
                            'chooseImage',
                            'scanQRCode'
                        ]
                })
            }
    })
    wx.ready(function () {
    $('#scan').tap(function(){
            wx.scanQRCode({
                needResult: 1, // 默认为0，扫描结果由微信处理，1则直接返回扫描结果，
                scanType: ["qrCode","barCode"], // 可以指定扫二维码还是一维码，默认二者都有
                success: function (res) {
                    var result = res.resultStr; // 当needResult 为 1 时，扫码返回的结果
                }
            });
            
})
     $('#pho').tap(function(){
            wx.chooseImage({
                count: 9, // 默认9
                sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
                sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
                success: function (res) {
                    var localIds = res.localIds; // 返回选定照片的本地ID列表，localId可以作为img标签的src属性显示图片
                }
            });
            
    })
    })

    $.ajax({
        type:'GET',
        url:'http://www.gqlx.online/api/skill.php',
        dataType:'json',
        success:function(data){
            var html = "";
            for(var i=0;i<data.length;i++){
                html +="<li>"
                html+='<div class="skileft"><p>'+data[i].category+'</p></div>';
                html+='<div class="skiright">';
                html+='<div class="skir-top">'+data[i].name+'</div>';
                html+='<div class="skir-bot">水平：'+data[i].level+'</div>';
                html+='</div>';
                html+="</li>";
            }
            $("#scroller ul").html(html);
            loaded();
            myScroll.refresh();
        }
    })


        
})

$("#footer div").tap(function(){
    var apiTarget = $(this).attr('id');
    var apiUrl = "http://www.gqlx.online/api/" + apiTarget + ".php";
 
    $.ajax({
        type:'GET',
        url:apiUrl,
        dataType:'json',
        success:function(data){
            var html = ""; 
                   
            for(var i=0;i<data.length;i++){
            
                if(data[i].level){
                    html +="<li>";
                    html+='<div class="skileft"><p>'+data[i].category+'</p></div>';
                    html+='<div class="skiright">';
                    html+='<div class="skir-top">'+data[i].name+'</div>';
                    html+='<div class="skir-bot">水平：'+data[i].level+'</div>';                
                    html+='</div>';
                    html+="</li>";
                }else if(data[i].advantage){
                    html +='<li><ul id="metxt"><li><img src="'+data[i].image+'" alt="" /></li>';
                    html +='<li><h6>姓名</h6><p>'+data[i].name+'</p></li>';
                    html +='<li><h6>出生年月</h6><p>'+data[i].age+'</p></li>';
                    html +='<li><h6>工作经验</h6><p>'+data[i].worktime+'</p></li>';
                    html +='<li><h6>优点</h6><p>'+data[i].advantage+'</p></li></li>';
                    html +='<li><h6>缺点</h6><p>'+data[i].shortcoming+'</p>';
                    html +='<li><h6>性格</h6><p>'+data[i].character+'</p></li>';
                    html +='</ul></li>'

                }else if(data[i].tech){
                    html +='<li id="proli">';
                    html+='<div class="proimg"><img src="'+data[i].image+'" alt="" /></div>';
                    html+='<div class="protxt">项目类型：'+data[i].category+'</div>';
                    html+='<div class="protxt">项目名称：'+data[i].name+'</div>';
                    html+='<div class="protxt">项目主题：'+data[i].description+'</div>';
                    html+='<div class="protxt">相关技术：'+data[i].tech+'</div>';
                    html+='<div class="protxt">网站地址：'+data[i].url+'</div>';
                    html+='</li>';
                }else if(data[i].projects){
                    html +='<li id="workli">';
                    html+='<div class="worktop">';
                    html+='<div class="worktleft"><img src="'+data[i].img+'" alt=""></div>';
                    html+='<div class="worktright">'+data[i].name+'</br>时间：'+data[i].time+'</div>';
                    html+='</div>';
                    html+='<div class="workmid">';
                    html+='<img src="'+data[i].image+'" alt="">';
                    html+='</div>';
                    html+='<div class="workfoot">';
                    html+='<p>'+data[i].projects+'</p>';
                    html+='</div>';
                }               
            }
            $("#scroller ul").html(html);
            loaded ();
            myScroll.refresh();
        },
        error:function(){
            console.log('err');
        }
    })

})



var interval  = setInterval(function(){
    if(document.readyState === 'complete'){
        clearInterval(interval);
        $("#loading").hide();
        $(".swiper-container").show();
        swiper.updateContainerSize(); // 万分重要
        swiper.updateSlidesSize(); // 万分重要
    }else{
        $("#loading").show();
    }
})
